<!DOCTYPE html>

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>MyMine</title>

	<link rel="stylesheet" href="css/BorderLayout.css" />
	<link rel="stylesheet" href="css/ExTable.css" />

	<link rel="stylesheet" href="css/Font.css" />
	<link rel="stylesheet" href="css/MyMine.css" />
	<link rel="stylesheet" href="css/Dialog.css" />
	<link rel="stylesheet" href="css/Control.css" />
	<link rel="stylesheet" href="css/Folder.css" />
	<link rel="stylesheet" href="css/Ticket.css" />
	<link rel="stylesheet" href="css/PopupMenu.css" />
	<link rel="stylesheet" href="css/ZIndex.css" />

	<script src="jq/jquery-1.8.2.js" ></script>

	<script src="js/MyMine.js" ></script>
	<script src="js/RedMine.js" ></script>
	<script src="js/MasterTable.js" ></script>
	<script src="js/Control.js" ></script>
	<script src="js/Dialog.js" ></script>
	<script src="js/Folder.js" ></script>
	<script src="js/Storage.js" ></script>
	<script src="js/PopupMenu.js" ></script>
	<script src="js/CheckButton.js" ></script>
	<script src="js/PulldownButton.js" ></script>
	<script src="js/Balloon.js" ></script>

	<script src="js/BorderLayout.js" ></script>
	<script src="js/ExTable.js" ></script>
	<script src="js/Common.js" ></script>
	<script src="js/TicketPool.js" ></script>
	<script src="js/Folders.js" ></script>
	<script src="js/TicketTray.js" ></script>
	<script src="js/Inbox.js" ></script>

	<script>
$(function(){
	var $dialogPanel = $("#dialogPanel");
	include($dialogPanel, "parts/AbortDialog.html");
	include($dialogPanel, "parts/AddFolderDialog.html");
	include($dialogPanel, "parts/EditFolderDialog.html");
	include($dialogPanel, "parts/ConfigDialog.html");
	include($dialogPanel, "parts/DownloadDialog.html");
	include($dialogPanel, "parts/UploadDialog.html");
});

function include($parent, url) {
	$.ajax({
		url: url,
		async: false,
		success: function(html){
			$parent.append($(html));
		}
	});
}

	
	
$(function(){
	BorderLayout.init({
		header:{size:60, resizable:false},
		left:  {size:200, resizable:true}
	}).load().refresh();
	
	TicketTray.sort(6,true); // 更新日,DESC
	Inbox.first();
	Folders.select(Folders.getInbox());
});
	</script>
</head>
<body>
	<!-- ========= Main Panel =========================================== -->
	<section class="BorderLayoutMain">
		<div id="ticketTray" class="ExTable"></div>
	</section>

	<!-- ========= Left Side Panel =========================================== -->
	<section class="BorderLayoutLeft">
		<header>フォルダ
			<img class="Button" src="img/led24/pencil.png" id="editFolderButton"
				onclick="Dialog.openEditFolder()" alt="フォルダ編集"/>
			<img class="Button" src="img/led24/cross.png" id="delFolderButton"
				onclick="Folders.delFolderConfirm()" alt="フォルダ削除"/>
			<img class="Button" src="img/led24/add.png"
				onclick="Dialog.openAddFolder()" alt="フォルダ追加"/>
		</header>
		<section id="folders">
		</section>
	
		<span class="BorderLayoutHandle" ></span>
	</section>

	<!-- ========= Right Side Panel
	<section class="BorderLayoutRight">
		<span class="BorderLayoutHandle"  ></span>
	</section>
	-->
	
	<!-- ========= Header Panel =========================================== -->
	<header class="BorderLayoutHeader" >
		<img id="logoImage" class="Button" src="img/kmines.png"  
			onclick="Dialog.open('#abortDialog')"
			alt="MyMineについて"/>
		<div id="buttons">
			<div id="projectPack">
				<select id="projectSelector" ></select>
				<img class="Button" src="img/led24/arrow_refresh.png" onclick="Control.update()"
						alt="フォルダ内のチケットを最新化する<br/>(Shift+ で全フォルダ)"/>
			</div>

			<div id="configPack" >
				<img class="Button" src="img/led24/book_open.png" 
						onclick="window.open('manual.html')"
						alt="ヘルプ" />
				<img class="Button" src="img/led24/page_white_put.png" onclick="Dialog.download()"
						alt="フォルダの保存" />
				<img class="Button" src="img/led24/page_white_get.png" onclick="Dialog.upload()"
						alt="フォルダの復元"/>
				<img class="Button" src="img/led24/cog.png" onclick="Dialog.config()"
						alt="環境設定" />
			</div>

			<br clear="all"/>

			<div id="filterPack">
				<span class="FilterButtons">
					<img id="filter_user" class="CheckButton" src="img/kmines-16x16.png"
						alt="自分担当チケットのみ"/>
					<img id="filter_closed" class="CheckButton" src="img/closed-ticket.png"
						alt="終了チケットを含む"/>
				</span>
				&nbsp;
				<span id="filterButtons" class="FilterButtons">
				</span>

				<span class="VSeparator"></span>

				<span id="customQueryButtons">
				</span>
			</div>

			<div id="searchPack">
				<nobr><input id="searchKeyword" type="text"
					onkeypress="Control.searchKeyPress(event,this)"
				/><img class="Button" src="img/led24/find.png" onclick="Control.search()"
					alt="検索<br/>(チケット番号のみ)"/></nobr>
			</div>
		</div>
	</header>

	<!-- ========= Footer Panel 
	<footer class="BorderLayoutFooter" >
		<span class="BorderLayoutHandle"  ></span>
	</footer>
	-->
	
	<!-- ======================= Dialog =============================== -->
	<div id="dialogPanel" class="DialogPanel" >
		<div class="DialogMask" > </div>
		<!-- Include -->
	</div>

	<!-- ======================= Popup menu =============================== -->

	<div id="iconSelectMenu" class="PopupMenu">
	</div>


	<!-- ======================= Waiting =============================== -->
	<div id="waiting">
		<img src="img/waiting.gif" />
		<div id="progressBar"><div></div></div>
	</div>
	<!-- ======================= Balloon =============================== -->
	<div id="balloon" ></div>

	<!-- ================ Template =================================== -->
	<div class="Template">

		<article id="templ_folder" class="Folder"></article>

		<div id="templ_project">
			<input name="redmineProjectName" size=50/>
			<input name="redmineProjectId" size=4/>
		</div>

		<div id="templ_pulldownButton">
			<span class="PulldownButton">
				<img src="?" /><img	class="PulldownButtonMark" src="img/pulldown-mark.png" />
				<div class="PopupMenu">
					<div class="PopupMenuItem" data-value="val">表示名</div>
				</div>
			</span>
		</div>

	</div>

</body>
</html>
